@charset "UTF-8";
@font-face { font-family: 'AkzidenzGrotesk-BoldCondAlt'; src: url('../fonts/AkzidenzGrotesk-BoldCondAlt.otf') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Gotham-Bold'; src: url('../fonts/gotham-bold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Gotham-Book'; src: url('../fonts/gotham-book.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'gotham-medium'; src: url('../fonts/gotham-medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'sheepsansbold'; src: url('../fonts/sheepsansbold.ttf') format('woff'); font-weight: normal; font-style: normal; }
html, body, figure, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button, input, textarea, a, span, em { margin: 0; padding: 0; border: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
body { font-family: 'Microsoft Yahei'; font-size: 12px; overflow-x: hidden; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; }
input, textarea, button { padding: 0; font-family: Verdana, Arial; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
img { border: 0; vertical-align: middle; max-width: 100%; }
input[type=submit], input[type=text], button { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; cursor: pointer; }
input:focus, textarea:focus, button:focus, input:active { outline-color: transparent; border: 0; }
select, input, select, textarea { vertical-align: middle; outline: none; -webkit-tap-highlight-color: transparent; }
ul, ol, li { list-style-type: none; }
a { color: #333; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; cursor: pointer; }
a:active { text-decoration: none; }
.hidden { display: none; visibility: hidden; }
.wrap { border: 0; padding: 0; margin: 0 auto; *zoom: 1;
position: relative; }
.wrap:after { clear: both; content: ""; display: table; }
.clear { clear: both; font-size: 0; line-height: 0; height: 0; visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.wrap:after, .wrap:before, .container:after, .container:before { content: ""; display: table; }
.wrap:after, .container:after { clear: both; }
.container { width: 80%; margin: 0 auto; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.absolute { position: absolute; }
.pors { position: relative; }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.hide { opacity: 0; }
.en { font-family: 'gotham-medium'; }
nav li, .index-banner li, .item-list li, .inner-tab li { list-style-type: none; }
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
 color: #6f6f6f;
}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color: #6f6f6f;
}
body { letter-spacing: 0.5px; }
/*header*/
header { position: absolute; z-index: 9991; top: 0; left: 0; width: 100%; transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s; -webkit-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s; -moz-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s; }
.header-inner { width: 100%; position: relative; }
header .logo { position: absolute; left: 40px; top: 20px; z-index: 200; }
header .right-side { position: relative; width: 100%; text-align: center; }
header .right-side .nav-list { margin: 0 20px; display: inline-block; position: relative; }
header .right-side h3 { }
header .right-side h3 a { font-size: 16px; color: #fff; line-height: 36px; position: relative; padding: 28px 0 6px; display: block; }
header .right-side h3 a:after { content: ''; bottom: 0; position: absolute; display: block; width: 0; height: 1px; background: #fff; transition: all .4s; }
header .right-side .on h3 a:after, header .right-side .cur h3 a:after { width: 100%; }
header .right-side .sub-nav { position: absolute; width: 150px; left: 50%; margin-left: -75px; top: 70px; background: rgba(255,255,255,0.98); display: none; z-index: 9999; transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s; box-shadow : 0 0 10px rgba(0,0,0,.1);}
header .right-side .sub-nav li { display: block; overflow: hidden; height: 45px; line-height: 45px; text-align: center; font-size: 14px; }
header .right-side .sub-nav li a { display: block; }
header .right-side .sub-nav li a:hover { transition: all .4s; color: #21ABD7; }
header .right-side .sub-nav { }
header .right-side .sub-nav dl { float: left; padding: 10px 10px; }
header .right-side .sub-nav dl a { }
header .right-side .sub-nav dl a:hover { transition: all .4s; color: #21ABD7; }
header .right-side .sub-nav dt, header .right-side .sub-nav dd { display: block; line-height: 45px; font-size: 14px; }
header .right-side .sub-nav dt { font-weight: bold; border-bottom: 1px solid #e9e9e9; }
header .right-side .sub-nav dd { padding-top: 5px; }
header .right-side .sub-nav dd p { display: block; line-height: 30px; font-size: 13px; }
header .right-side #sub-nav-1 { width: 680px; margin-left: -300px; }
header .right-side #sub-nav-2 { width: 150px; margin-left: -80px; }
header .right-side .menu-list { display: none; background-color: rgba(0,0,0,.9); width: 100%; height: 100vh; position: absolute; top: 0; z-index: -1; padding-top: 75px; }
header .right-side .menu-list li { display: block; }
header .right-side .menu-list li.on { display: block; }
header .right-side .menu-list li a { color: #fff; width: 100%; padding: 0; height: 50px; line-height: 50px; font-size: 16px; }
header .right-side .menu-list li.on a { color: #f00; }
header .right-side li a:after { display: none; }


.header-phone-number { position: absolute; right: 40px; top: 28px; font-size: 22px; line-height: 36px; color: #fff; background: url(../images/icon1_1.png) left center no-repeat; padding-left: 30px; font-family: Arial; }
.js-container { position: relative; /*overflow-x: hidden;*/ /*overflow-y: auto;*/ overflow: hidden; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s; -moz-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s; }
footer { position: relative; overflow: hidden; }
.top-foot { width: 100%; min-height: 260px; height: 260px; padding: 60px 160px 0; background: #222; display: table; }
.top-foot li { width: 20%; color: #fff; font-size: 14px; line-height: 28px; float: left; }
.top-foot li .ewm { width: 100px; float: left; margin-right: 10px; }
.top-foot li .titles { font-weight: bold; padding-top: 22px; }
.top-foot li .txt { }
.top-foot li .txt a { color: #fff; }
.friend-link { width: 100%; background: #fff; padding: 41px 160px 21px; }
.friend-link a { display: inline-block; color: #666; line-height: 30px; margin-right: 24px; transition: all ease .3s; }
.friend-link span { display: inline-block; color: #666; line-height: 30px; margin-right: 24px; transition: all ease .3s; }
.friend-link a:hover { color: #000; }
/*fixed-contact*/
.fixed-contact-wrap { z-index: 999; position: fixed; right: 30px; top: 75%; width: 60px; margin-top: -90px; overflow: hidden; border-radius: 30px; opacity: 0; transition: all .4s; transform: translateX(95px); -webkit-transform: translateX(95px); -moz-transform: translateX(95px); }
.fixed-contact-wrap.show { transform: none; opacity: 1; }
.fixed-contact-wrap.active { width: 215px; }
.fixed-contact-wrap li { position: relative; height: 60px; background: #222; overflow: hidden; }
.fixed-contact-wrap.active li { overflow: inherit; }
.fixed-contact-wrap li a { position: relative; z-index: 1000; display: block; }
.fixed-contact-wrap li i { z-index: 1000; position: absolute; right: 0; display: block; width: 60px; height: 60px; transition: all .4s; }
.fixed-contact-wrap.active li:after { z-index: 1001; content: ''; position: absolute; bottom: 0; left: 50%; display: block; width: 80%; height: 1px; margin-left: -40%; background: rgba(255,255,255,.1); }
.fixed-contact-wrap.active li:last-child:after { display: none; }
/*.fixed-contact-wrap li:hover i, .fixed-contact-wrap li:hover strong {
	opacity: .5;
}*/

.fixed-contact-wrap .phone i { background: #222 url(../images/icon5_1.png) no-repeat center center; border-top-left-radius: 30px; -moz-border-top-left-radius: 30px; -webkit-border-top-left-radius: 30px; border-top-right-radius: 30px; -moz-border-top-right-radius: 30px; -webkit-border-top-right-radius: 30px; }
.fixed-contact-wrap .qq i { background: #222 url(../images/code_1.png) no-repeat center center; }
.fixed-contact-wrap .back-top i { background: #222 url(../images/icon7.png) no-repeat center center; }
.fixed-contact-wrap.active .back-top i { border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; }
.fixed-contact-wrap li strong { position: absolute; top: 0; right: -145px; display: block; width: 125px; padding: 0 15px 0 30px; font: normal 16px/60px 'gotham-medium'; color: #fff; background: #222; white-space: nowrap; transition: all .4s; }
.fixed-contact-wrap:hover .qq { height: 125px; }
.fixed-contact-wrap .qq strong { height: 125px; padding: 10px 10px; }
.fixed-contact-wrap.active li strong { right: 60px; }
.fixed-contact-wrap.black li { background: #111; }
.fixed-contact-wrap.black li strong { background: #111; }

/*.fixed-contact-wrap.black .phone i {
	background: #111 url(../images/fix-icon1.png) no-repeat center center;
}

.fixed-contact-wrap.black .qq i {
	background: #111 url(../images/fix-icon2.png) no-repeat center center;
}

.fixed-contact-wrap.black .back-top i {
	background: #111 url(../images/fix-icon3.png) no-repeat center center;
}*/

@media(max-width:1400px) {
.fixed-contact-wrap { right: 15px; width: 50px; border-radius: 25px; }
.fixed-contact-wrap.active { width: 200px; }
.fixed-contact-wrap li { height: 50px; }
.fixed-contact-wrap li i { width: 50px; height: 50px; }
.fixed-contact-wrap li strong { right: -120px; width: 100px; padding: 0 15px 0 20px; font: normal 14px/50px 'gotham-medium'; }
.fixed-contact-wrap.active li strong { right: 70px; }
}

@media(max-width:1200px) {
.top-footer .logo { width: 15%; }
.top-footer .logo img { width: 80px; }
.top-footer .bottom-item-wrap { width: 100%; }
.top-footer .each-item dl { width: 95%; padding-right: 5%; }
}
.mb15 { margin-bottom: 1%; }
footer .wrap .gotop { display: none; }
.index-banner { position: static; width: 100%; height: 100vh; overflow: hidden; }
.index-banner .en { font-family: 'gotham-medium'; }
.index-banner .swiper-container { position: relative; width: 100%; height: 100%; }
.index-banner .carousel-inner { position: absolute; top: -60px; right: 0; bottom: 0; left: 0; padding-top: 60px; overflow: hidden;/*cursor: -webkit-grab!important;*//*cursor: grab!important;*/ }
.page-header-fullscreen-trame { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

@media (min-width: 768px) {
.index-banner .carousel-inner { position: absolute; top: 0; padding-top: 0; }
}
.index-banner .carousel-item { position: absolute; top: 0; right: 0; left: 0; bottom: 0; overflow: hidden; z-index: 10; opacity: 0;/*opacity: 0;
	transition: .6s opacity cubic-bezier(.19,1,.22,1);
	cursor: move;
	touch-action: pan-y;
	user-select: none;*/ }
.index-banner .carousel-item .video-inner { height: 100%; overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 50%; z-index: 8; width: 2560px; margin-left: -1280px; background-color: #fff; text-align: center; }
.index-banner .carousel-item .video video { position: relative; display: inline-block; vertical-align: baseline; }
.index-banner .carousel-item.carousel-item-prev { transform-origin: center right; transform: translateX(-100%); }
.index-banner .carousel-item.carousel-item-next { transform-origin: center right; transform: translateX(100%); }
.index-banner .carousel-item:active { cursor: -webkit-grab !important; cursor: grab !important; }
.index-banner .carousel-item.active { z-index: 15; opacity: 1; transform-origin: center right; }
.index-banner .carousel-item1 img { width: 100%; position: absolute; left: 0; top: 0; -moz-transition: all 4.5s linear; -o-transition: all 4.5s linear; transition: all 4.5s linear; }
.index-banner .carousel-item1.active img { top: -200px; }
.index-banner .carousel-item2 .bg-img { width: 100%; position: absolute; left: 0; top: 0; }
.index-banner .carousel-item2 .img-box { width: 1600px; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 2; }
.index-banner .carousel-item2 .img-box .img1 { width: 143px; height: 286px; position: absolute; left: 647px; top: 532px; background: url(../images/004_1.png) top center no-repeat; background-size: 100%; padding: 10px; z-index: 3; }
.index-banner .carousel-item2 .img-box .img1 img { width: 100%; opacity: 0; transition: all ease .3s; transition-delay: 1.5s; }
.index-banner .carousel-item2.active .img-box .img1 img { opacity: 1; }
.index-banner .carousel-item2 .img-box .img2 { width: 332px; height: 391px; position: absolute; right: -44px; top: 447px; background: url(../images/005_1.png) top center no-repeat; background-size: 100%; padding: 23px 35px 0 35px; z-index: 3; }
.index-banner .carousel-item2 .img-box .img2 img { width: 100%; opacity: 0; transition: all ease .3s; transition-delay: 1s; }
.index-banner .carousel-item2.active .img-box .img2 img { opacity: 1; }
.index-banner .carousel-item2 .img-box .img3 { width: 760px; height: 755px; position: absolute; top: 184px; right: 160px; background: url(../images/006_1.png) top center no-repeat; background-size: 100%; padding: 20px; }
.index-banner .carousel-item2 .img-box .img3 img { width: 100%; opacity: 0; transition: all ease .3s; transition-delay: .5s; }
.index-banner .carousel-item2.active .img-box .img3 img { opacity: 1; }

@media(max-width:1680px) {
.index-banner { height: auto; }
.index-banner .carousel-item2 .img-box .img1 { width: 100px; height: 286px; position: absolute; left: 667px; top: 502px; padding: 7px; }
.index-banner .carousel-item2 .img-box .img2 { width: 182px; height: 391px; position: absolute; right: 180px; top: 447px; padding: 13px 25px 0 25px; }
.index-banner .carousel-item2 .img-box .img3 { width: 36%; position: absolute; top: 22%; right: 18%; padding: 20px 10px; }
}
.index-banner .carousel-item3 .bg-img { width: 100%; position: absolute; left: 0; top: 0; }
.index-banner .carousel-item3 .img-box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; }
.index-banner .carousel-item3 .img-box li { position: absolute; width: 100%; height: 100%; }
.index-banner .carousel-item3 .img-box li img { width: 100%; height: 100%; }
.index-banner .carousel-item3 .img-box .img1 { z-index: 2; top: -20px; position: absolute; }
.index-banner .carousel-item3 .img-box .img2 { z-index: 3; right: -20px; position: absolute; }
/*.index-banner .carousel-item2.active img,.index-banner .carousel-item3.active img {
	-webkit-transform:  scale(1.2) ; 
    -moz-transform: scale(1.2) ; 
    -ms-transform: scale(1.2);     
    -o-transform:  scale(1.2) ; 
    transform:  scale(1.2);
}*/
.static .carousel-item { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); cursor: default !important; }
.static.is-mobile .carousel-item { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 0; }
.index-banner .carousel-item-inner { position: absolute; width: 100%; height: 100%; }
.carousel-item-image-wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; }
.carousel-item-image-wrapper:before { z-index: 20; }
.carousel-item-image-wrapper:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .2; background-color: #000; z-index: 8; }

@media (min-width: 768px) {
.carousel-item-image-wrapper:after { content: none; }
}
.carousel-item-image { position: relative; height: 100%; width: 100%; overflow: hidden; }
.carousel-item-image:before { opacity: .2; z-index: 20; }
.banner-background { position: absolute; left: 0; top: 0; width: 100%; }
.carousel-item-image img { position: relative; width: 100%; height: 100%; max-width: none; z-index: 10; }
.index-banner .swiper-inner-text-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; }
.carousel-item1 .page-header-fullscreen-text { background: url(../images/bannerbg.png) center center no-repeat; background-size: cover; }
/*.carousel-item .page-header-fullscreen-text{
    background: -moz-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(23,9,49,.6)), to(rgba(30,95,116,.6))));
    background: -webkit-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    background: -o-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    background: -ms-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    background: linear-gradient(to right, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(23,9,49,.6)', endColorstr='rgba(30,95,116,.6)',GradientType=1 );
}*/
.index-banner .swiper-inner-text { position: absolute; top: 50%; left: 8.6%; /*right: 12%;*/ width: auto; color: #fff; line-height: 1.3; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.index-banner .carousel-item1 .swiper-inner-text { text-align: left; }
.index-banner .carousel-item1 .swiper-inner-text .cansual-des { font-size: 36px; line-height: 60px; }
.index-banner .carousel-item1 .swiper-inner-text .cansual-des span { font-size: 48px; display: block; margin-bottom: 10px; }
.index-banner .carousel-item .link { width: 135px; height: 50px; background: #222 url(../images/icon22_1.png) 95px center no-repeat; display: block; font-size: 14px; line-height: 50px; color: #fff; font-family: 'sheepsansbol'; padding-left: 20px; margin-top: 48px; }
.index-banner .carousel-item2 .swiper-inner-text { text-align: left; }
.index-banner .carousel-item2 .cansual-title { font-size: 48px; color: #fff; }
.index-banner .cansual-line { width: 0; height: 3px; margin: 25px 0 20px; background: #fff; }
.index-banner .cansual-des { font-size: 18px; color: #fff; line-height: 1.8; }
.index-banner .carousel-item3 .cansual-des { font-size: 36px; line-height: 60px; }
.index-banner .carousel-item3 .cansual-des .s1 { font-size: 48px; line-height: 78px; font-family: 'gotham-medium'; }
.index-banner .carousel-item2 .cansual-des { text-align: left; font-size: 22px; }
.index-banner .carousel-item2 .cansual-des .s1 { font-size: 30px; font-family: 'gotham-medium'; }
.index-banner .carousel-item2 .cansual-des .s2 { font-size: 48px; font-weight: bold; display: block; }
.index-banner .carousel-item3 .cansual-des .s2 { font-size: 48px; font-weight: bold; display: block; }
.index-banner .carousel-item .cansual-title { margin-bottom: 10px; font-size: 40px; font-weight: bold; color: #fff; text-align: left; }
.index-banner .carousel-item3 .cansual-item-title .en-word { display: block; padding-bottom: 15px; font-family: 'AkzidenzGrotesk-BoldCondAlt'; font-size: 84px; color: #fff; line-height: .9; }
.index-banner .carousel-item4 .swiper-inner-text { padding-left: 50%; text-align: left; }
.index-banner .carousel-item4 .cansual-item-title { font-size: 48px; color: #fff; }
.index-banner .carousel-item3 .cansual-des { margin-bottom: 35px; }
.index-banner .cansual-item-title { position: relative; margin-bottom: 15px; }
.index-banner .cansual-item-title .small-title { display: block; margin-bottom: -10px; font-size: 22px; line-height: 36px; }
.index-banner .cansual-item-title .number { font: normal 180px/1 'AkzidenzGrotesk-BoldCondAlt'; color: #fff; letter-spacing: 3px; margin-left: -6px; }
.index-banner .carousel-item3 .cansual-item-title .number { padding-bottom: 15px; font: normal 84px/1 'AkzidenzGrotesk-BoldCondAlt'; }
.index-banner .cansual-item-title .number .add-icon { font-size: 60px; line-height: 180px; vertical-align: 40px; }
.carousel-item-subtitle-line { position: absolute; bottom: 0; left: 0; width: 30px; height: 3px; background-color: #fff; content: ''; }
.index-banner .cansual-item-title .small-title, .index-banner .cansual-item-title .number, .index-banner .cansual-sub-title, .index-banner .carousel-item .cansual-des, .index-banner .carousel-item .cansual-line, .index-banner .carousel-item3 .cansual-title, .index-banner .carousel-item3 .radiu-button { display: block; opacity: 0; transform: translate3d(-150%, 0, 0); transition: all 1s; transition-delay: .2s; overflow: hidden; }
.index-banner .carousel-item2 .cansual-des { transform: translate3d(150%, 0, 0); }
.index-banner .carousel-item3 .cansual-des, .index-banner .carousel-item3 .cansual-line, .index-banner .carousel-item3 .cansual-title, .index-banner .carousel-item3 .radiu-button { text-align: left; transform: translate3d(0, -150%, 0); }
.index-banner .carousel-item .cansual-line { transition-delay: .2s; }
.index-banner .carousel-item3 .cansual-des { transition-delay: .4s; }
.index-banner .active .cansual-item-title .small-title, .index-banner .active .cansual-item-title .number, .index-banner .active .cansual-sub-title, .index-banner .carousel-item.active .cansual-des, .index-banner .carousel-item3.active .cansual-title, .index-banner .carousel-item.active .cansual-line, .index-banner .carousel-item3.active .radiu-button { opacity: 1; transform: none; }
.index-banner .carousel-item2 .cansual-title { opacity: 0; transform: matrix(1, 0, 0, 1, 0, -80); -webkit-transform: matrix(1, 0, 0, 1, 0, -80); -moz-transform: matrix(1, 0, 0, 1, 0, -80); transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s; -webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s; -moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s; }
.index-banner .carousel-item2.active .cansual-title { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); -moz-transform: matrix(1, 0, 0, 1, 0, 0); }
.index-banner .carousel-item .cansual-line { width: 45px; }
.index-banner .carousel-item3 .radiu-button { color: #fff; text-align: center; border: 1px solid #fff; background: transparent; }
.index-banner .carousel-item3 .radiu-button:hover { color: #333; background: #fff; }
.carousel-item-subtitle-line-timer { position: absolute; top: 0; left: 0; background-color: #fff; display: block; height: 100%; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; }
.active .carousel-item-subtitle-line-timer { animation: linewidth 5s; -moz-animation: linewidth 5s; -webkit-animation: linewidth 5s; -o-animation: linewidth 5s; animation-delay: 1s; -webkit-animation-delay: 1s; }
 @keyframes linewidth {
 from {
 width: 0;
}
 to {
 width: 100%;
}
}
 @-moz-keyframes linewidth {
 from {
 width: 0;
}
 to {
 width: 100%;
}
}
 @-webkit-keyframes linewidth {
 from {
 width: 0;
}
 to {
 width: 100%;
}
}
 @-o-keyframes linewidth {
 from {
 width: 0;
}
 to {
 width: 100%;
}
}
.page-header-fullscreen-text { position: absolute; top: 50%; right: 0; left: 0; text-align: center; z-index: 25; }
.collapsing .page-header-fullscreen-text { transition: .8s -webkit-transform cubic-bezier(.19, 1, .22, 1); transition: .8s transform cubic-bezier(.19, 1, .22, 1); }
/*@media (min-width: 768px) {
	.page-header-fullscreen-text {
		padding-top: 100px;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.page-header-fullscreen-text:before {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		background-color: transparent;
		border-radius: 100px;
		box-shadow: 0 0 157px 142px rgba(0, 0, 0, .17);
		left: 50%;
		top: 50%;
	}
}*/

.index-banner .cansual-sub-title span { display: block; font-size: 20px; line-height: 32px; }
.page-header-bar { position: absolute; right: 0; left: 0; bottom: 0; height: 70px; line-height: 70px; z-index: 55; transform-origin: bottom; -webkit-transform-origin: bottom; -moz-transform-origin: bottom; transform: rotateX(0deg) translate3d(0, 0, 0); -webkit-transform: rotateX(0deg) translate3d(0, 0, 0); -moz-transform: rotateX(0deg) translate3d(0, 0, 0); transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s; -webkit-transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s; -moz-transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s; }
/*.page-header-bar.active {
	transform: rotateX(90deg) translate3d(0,0,0);
	-webkit-transform: rotateX(90deg) translate3d(0,0,0);
	-moz-transform: rotateX(90deg) translate3d(0,0,0);
}*/

.page-header-bar-inner { transition: -webkit-transform .4s; transition: transform .4s; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }
.page-header-bar-hidden .page-header-bar-inner, .static.home .page-header-bar-inner { transition: visibility .4s steps(1, end), -webkit-transform .4s; transition: visibility .4s steps(1, end), transform .4s; visibility: hidden; -webkit-transform: rotateX(94deg) rotateZ(0); transform: rotateX(94deg) rotateZ(0); }
.no-transition .page-header-bar-inner { transition: none; }
.page-header-collapsed .page-header-bar-inner { visibility: hidden; transition: none; }
.carousel-bar-inner { width: 100%; height: 100%; }
.carousel-bar-title-word { padding-left: 75px; font-size: 12px; color: #666; }
.carousel-scroll-btn { z-index: 56; position: absolute; bottom: 50px; left: 160px; width: 52px; height: 52px; border: 1px solid #fff; border-radius: 100%; overflow: hidden; cursor: pointer; }
.carousel-scroll-btn .carousel-scroll-btn-icon { position: absolute; display: block; width: 52px; height: 52px; margin: 0 auto; background: url(../images/icon2_1.png) no-repeat center center; cursor: pointer; animation: downico 1.5s ease-out infinite; }
 @keyframes downico {
 0% {
 top: 0;
 opacity: 1;
}
 35% {
 top: 50%;
 opacity: 0;
}
 65% {
 top: -50%;
 opacity: 0;
}
 100% {
 top: 0;
 opacity: 1;
}
}
.carousel-controls { position: absolute; right: 0; top: 0; width: 465px; height: 70px; background: rgba(255,255,255,.6); }
.carousel-controls .count { position: absolute; left: 0; width: 180px; padding-left: 66px; font: bold 18px/80px 'gotham-medium'; color: #999; }
.carousel-controls .count span { display: inline-block; }
.carousel-controls .count .current { color: #222; }
.carousel-controls .controls { position: absolute; left: 180px; }
.carousel-controls .carousel-line { z-index: 1; position: absolute; left: 50%; top: 18px; display: block; width: 1px; height: 35px; background: #e5e5e5; opacity: .3; }
.carousel-controls .carousel-control { float: left; width: 70px; height: 70px; cursor: pointer; }
.carousel-controls .swiper-button-next, .carousel-controls .swiper-button-prev { position: relative; width: 100%; height: 100%; overflow: hidden; background: none; top: 0; margin-top: 0; }
.carousel-controls .swiper-button-line { z-index: 1; position: absolute; top: 0; display: block; width: 25px; height: 100%; overflow: hidden; transition: all .45s ease-out 0s; -webkit-transition: all .45s ease-out 0s; -moz-transition: all .45s ease-out 0s; }
.carousel-controls .swiper-button-prev { left: initial; }
.carousel-controls .swiper-button-next { right: initial; }
.carousel-controls .swiper-button-prev .swiper-button-line { background: url(../images/icon4_1.png) no-repeat left center; left: 15px; }
.carousel-controls .swiper-button-next .swiper-button-line { background: url(../images/icon3_1.png) no-repeat right center; right: 15px; }
.carousel-controls .swiper-button-prev:hover .swiper-button-line { width: 35px; }
.carousel-controls .swiper-button-next:hover .swiper-button-line { width: 35px; }
/*.carousel-controls .swiper-button:after{
    content:'';
    position:absolute;
    top:39px;
    display:block;
    width: 14px;
    height: 2px;
    background-color: #333;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.25,.46,.45,.94) 0s;
    transition: transform .45s cubic-bezier(.25,.46,.45,.94) 0s;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.carousel-controls .swiper-button-prev:after {left:28px;}
.carousel-controls .swiper-button-next:after {right:28px;}
@media(min-width:1200px){
    .carousel-controls .swiper-button:hover:after{
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
    }
}*/

.index-page-block { /*z-index:99;*/ /*position:relative;*/ background: #fff; }
.index-service { position: relative; padding: 90px 0 100px; overflow: hidden; }
.index-customer .index-title .big-title .big { background: #fff; }
.swiper-slide-text-scroll { position: relative; }
.radiu-button { z-index: 2; position: relative; display: block; width: 215px; height: 60px; font: normal 16px/60px 'gotham-medium'; text-align: center; background: #fff; border: 1px solid #fff; border-radius: 30px; transition: all .4s ease-in-out; overflow: hidden; }
.radiu-button:hover { color: #fff; background: #000; border-color: #000; }
.radiu-button:hover:after { transform-origin: center bottom; transform: scaleY(1); }
.ourwork-mobile-images-scroll .work-buttons .iconfont { background: transparent; }
.ourwork-mobile-images-scroll .work-buttons .iconfont:after { background: #fff; }
.index-data { position: relative; overflow: hidden; }
.index-data .video { display: block; }
.index-data .wrap { z-index: 1; position: relative; background: -moz-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(23,9,49,.6)), to(rgba(30,95,116,.6)))); background: -webkit-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%); background: -o-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%); background: -ms-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%); background: linear-gradient(to right, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(23,9,49,.6)', endColorstr='rgba(30,95,116,.6)', GradientType=1 );
}
.index-data .index-data-list { width: 1140px; margin: 0 auto; padding: 180px 0; }
.data-background { position: absolute; top: 0; left: 0; display: block; width: 100%; }
.index-data .item { float: left; width: 33.33%; height: 240px; }
.index-data .item-inner { position: relative; height: 240px; text-align: center; border-right: 1px solid rgba(255,255,255,.2); }
.index-data .item:nth-child(3n) .item-inner { border-right: 0; }
.index-data .item:first-child .item-inner, .index-data .item:nth-child(2) .item-inner, .index-data .item:nth-child(3) .item-inner { border-bottom: 1px solid rgba(255,255,255,.2); }
.index-data .text-wrap { position: absolute; top: 50%; width: 100%; font-size: 16px; color: #fff; transform: translateY(-50%); }
.index-data .text-wrap .number-wrap { display: block; font: normal 108px/1 'AkzidenzGrotesk-BoldCondAlt'; color: #fff; letter-spacing: 2px; }
.index-data .text-wrap .number-wrap .icon { display: inline-block; font-size: 72px; vertical-align: 13px; }
.index-tips { width: 770px; margin: 0 auto 60px; font-size: 14px; color: #666; line-height: 1.8; text-align: center; }
.index-customer .wrap { padding: 90px 10%; }
.index-customer-list { transform: translateY(50px); -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; overflow: hidden; }
.index-customer.active .index-customer-list { transform: none; }
.index-customer-list li { position: relative; float: left; width: 20%; height: 200px; padding: 27px 0; text-align: center; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; transition-delay: .5s; }
/*.index-customer-list .item600 {top:600px;}*/
/*.index-customer-list .item450 {top:450px;}*/
/*.index-customer-list .item550 {top:550px;}*/
/*.index-customer-list .item400 {top:400px;}*/
/*.index-customer-list .item300 {top:300px;}*/
/*.index-customer-list .item700 {top:700px;}*/
.index-customer.active .index-customer-list li.item { top: 0; }
.index-customer-list .item-inner { display: block; width: 100%; height: 145px; border-left: 1px solid #e6e6e6; }
.index-customer-list li:nth-child(5n +1) .item-inner { border-left: 0; }
.index-customer-list li:nth-child(5n +1) .lt-dot, .index-customer-list li:nth-child(5n +1) .lb-dot, .index-customer-list li:nth-child(5n) .rt-dot, .index-customer-list li:nth-child(5n) .rb-dot { display: none; }
.index-customer-list li:nth-child(5n) .item-inner { }
.index-customer-list li a { position: absolute; top: 0; left: 50%; display: block; width: 80%; height: 200px; margin-left: -40%; }
.index-customer-list li.double-item a { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.index-customer-list li img { position: absolute; top: 50%; left: 50%; display: block; margin-left: -75px; transition: all .5s linear 10ms; }
.index-customer-list li img:first-child { }
.index-customer-list li img:last-child { opacity: .6; }
.index-customer-list li:hover img:last-child, .index-customer-list li img:first-child { opacity: 0; transform: translateY(-50%) rotateY(180deg); }
.index-customer-list li img, .index-customer-list li:hover img:first-child { opacity: 1; transform: translateY(-50%) rotateY(0deg); }
.index-customer-list .dot { position: absolute; display: block; width: 2px; height: 2px; background: #e6e6e6; }
.index-customer-list .lt-dot { left: 0; top: 0; }
.index-customer-list .lb-dot { left: 0; bottom: 0; }
.index-customer-list .rt-dot { right: 0; top: 0; }
.index-customer-list .rb-dot { right: 0; bottom: 0; }
.index-title, .index-service-scroll-wrap { opacity: 0; margin-top: 30px; transition: all .5s ease-in-out; }
.normal-more-wrap1 { padding-top: 50px; text-align: center; }
.normal-more-wrap1 .more { position: relative; display: inline-block; width: 60px; height: 60px; padding-top: 23px; background: #fff; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; }
.normal-more-wrap1 .more .icon { z-index: 1; position: relative; display: inline-block; width: 22px; height: 10px; background: url(../images/more-icon.png) no-repeat center center; transition: all .5s ease-in-out; }
.normal-more-wrap1 .more:hover .icon { background: url(../images/more-icon1.png) no-repeat center center; }
.normal-more-wrap1 .more:after { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: #339ec1; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; transform: scale(0); transition: all .5s ease-in-out; }
.normal-more-wrap1 .more:hover:after { transform: scale(1); }
.swiper-container { position: relative; width: 100%; height: 100%; }
.inner-main-container { background: #f2f2f2; }
.inner-main-container img { max-width: 100%; vertical-align: middle; }
.inner-main-container.contact-us { background: #f6f6f6; }
.ourwork-mobile-article .code-wrap img { max-width: 120px; }
.inner-main-container .each-item .image-wrap img { display: block; width: 100%; height: 100%; max-width: none; transition: all .4s; }
.ourwork-list .each-item .image-wrap, .solution-list .each-item .image-wrap { position: relative; overflow: hidden; }
.ourwork-list .each-item:hover .image-wrap img, .solution-list .each-item:hover .image-wrap img { transform: scale(1.025); }
.inner-main-container .fullwindow-banner .each-item img { height: 70px; }
.normal-inner-banner, .fullwindow-banner { position: relative; width: 100%; height: 100%; }
.fullwindow-banner { height: 100vh; }
.fullwindow-banner img { width: 100%; height: 100%; }
.normal-inner-banner .normal-banner-inner-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; background: -moz-linear-gradient(left, rgba(30,95,116,.7) 0%, rgba(23,9,49,.7) 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,95,116,.7)), to(rgba(23,9,49,.7)))); background: -webkit-linear-gradient(left, rgba(30,95,116,.7) 0%, rgba(23,9,49,.7) 100%); background: -o-linear-gradient(left, rgba(30,95,116,.7) 0%, rgba(23,9,49,.7) 100%); background: -ms-linear-gradient(left, rgba(30,95,116,.7) 0%, rgba(23,9,49,.7) 100%); background: linear-gradient(to right, rgba(30,95,116,.7) 0%, rgba(23,9,49,.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(30,95,116,.7)', endColorstr='rgba(23,9,49,.7)', GradientType=1 );
}
.normal-inner-banner.left-text-banner .normal-banner-inner { padding-top: 90px; color: #fff; text-align: left; }
.news-page .normal-inner-banner .container { max-width: 1350px; }
.normal-inner-banner .normal-banner-inner { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); }
.normal-inner-banner img { display: block; height: 100%; min-height: 450px; }
.solution-info-banner.normal-inner-banner img { -webkit-filter: blur(4px); -moz-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px); }
.left-text-banner .inner-banner-title1 { font: 42px/1 'Gotham-Bold'; text-transform: uppercase; }
.left-text-banner .inner-banner-title2 { font-size: 28px; font-weight: bold; color: #fff; }
.left-text-banner .inner-line { margin: 25px 0 20px; background: #fff; }
.inner-banner-title { padding-top: 40px; font-weight: bold; font-size: 32px; color: #fff; text-align: center; }
.inner-banner-title .mark img { display: inline-block; max-width: 100%; height: 26px; min-height: 26px; }
.normal-inner-banner .descrition { margin-top: 16px; font-size: 16px; color: #fff; line-height: 28px; }
.fullwindow-banner-inner-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,95,116,.6)), to(rgba(23,9,49,.6))); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,95,116,.6)), to(rgba(23,9,49,.6))); background: -webkit-linear-gradient(left, rgba(30,95,116,.6), rgba(23,9,49,.6)); background: -moz-linear-gradient(left, rgba(30,95,116,.6) 0%, rgba(23,9,49,.6) 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,95,116,.6)), to(rgba(23,9,49,.6)))); background: -webkit-linear-gradient(left, rgba(30,95,116,.6) 0%, rgba(23,9,49,.6) 100%); background: -o-linear-gradient(left, rgba(30,95,116,.6) 0%, rgba(23,9,49,.6) 100%); background: -ms-linear-gradient(left, rgba(30,95,116,.6) 0%, rgba(23,9,49,.6) 100%); background: linear-gradient(to right, rgba(30,95,116,.6) 0%, rgba(23,9,49,.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(30,95,116,.6)', endColorstr='rgba(23,9,49,.6)', GradientType=1 );
}
.fullwindow-banner-inner { position: absolute; top: 50%; left: 50%; width: 60.5%; margin-left: -30%; transform: translateY(-50%); }
.fullwindow-banner-inner li { position: relative; float: left; width: 34.33%; height: 25vh; text-align: center; border-top: 1px solid rgba(255,255,255,.15); border-left: 1px solid rgba(255,255,255,.15); }
.fullwindow-banner-inner li:nth-child(2), .fullwindow-banner-inner li:nth-child(5) { width: 31.33%; }
.fullwindow-banner-inner li:first-child, .fullwindow-banner-inner li:nth-child(2), .fullwindow-banner-inner li:nth-child(3) { border-top: 0; }
.fullwindow-banner-inner li:first-child, .fullwindow-banner-inner li:nth-child(3n+1) { border-left: 0; }
.fullwindow-banner-inner .each-item img { width: auto; max-width: 100%; margin: 0 auto; }
.fullwindow-banner-inner .item-inner { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); }
.fullwindow-banner-inner .item-inner .icon-wrap { display: block; height: 70px; }
.fullwindow-banner-inner .item-inner .text-inner { display: block; padding-top: 15px; font-weight: normal; font-size: 16px; color: #fff; }
.inner-title { font-weight: bold; font-size: 42px; color: #333; }
.inner-line { display: inline-block; width: 55px; height: 4px; margin: 15px 0 30px; background: #333; }
.inner-descrition { font-size: 16px; color: #333; line-height: 1.75; }
.about-page { padding-bottom: 85px; }
.about-page .each-item .image-wrap img { width: 100%; }
.about-wrap-first { z-index: 1; position: relative; height: 43vh; text-align: center; background: #fff; }
.about-wrap-first .inner-descrition { width: 720px; margin: 0 auto; }
.about-wrap-first .inner-text-wrap { position: absolute; top: 50%; left: 50%; width: 60%; margin-left: -30%; transform: translateY(-50%); }
.about-wrap-second .item-list { margin-left: -1%; }
.about-wrap-second .each-item { float: left; width: 49%; margin: 0 0 1% 1%; }
.about-page .image-wrap { position: relative; overflow: hidden; }
.about-page .image-wrap:after, .join-list .each-item .image-wrap:after, .ourwork-list .each-item .image-wrap:after, .solution-list .each-item .image-wrap:after { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4); opacity: 0; transition: all .6s ease-in-out; }
.ourwork-list .each-item .image-wrap:after, .solution-list .each-item .image-wrap:after { background: rgba(0,0,0,0); }
.about-wrap-second .each-item:hover .image-wrap:after, .about-wrap-four .each-item:hover .image-wrap:after, .about-page .each-item .image-wrap:hover:after, .join-list .each-item:hover .image-wrap:after, .ourwork-list .each-item:hover .image-wrap:after, .solution-list .each-item:hover .image-wrap:after { opacity: 1; }
.about-page .each-item img, .join-list .each-item .image-wrap img { transition: all .4s ease-in-out; }
.about-wrap-second .each-item:hover .image-wrap img, .about-page .each-item .image-wrap:hover img, .join-list .each-item:hover .image-wrap img { transform: scale(1.05); }
.about-wrap-second .item-inner { position: relative; }
.about-wrap-second .item-inner .text-wrap { position: absolute; bottom: 0; left: 0; width: 100%; background: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1)); background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1)); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,1))); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1)); background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1)); }
.about-wrap-second .item-inner .text-inner { padding: 5%; color: #fff; }
.about-wrap-second .item-inner .title { font-weight: bold; font-size: 20px; color: #fff; }
.about-wrap-second .item-inner .line { display: inline-block; width: 55px; height: 2px; margin: 10px 0 5px; background: #fff; }
.about-wrap-second .item-inner .descrition { width: 66%; font-size: 12px; color: #fff; line-height: 2; }
.about-wrap-three .each-item, .about-wrap-five .each-item { margin-bottom: 1%; overflow: hidden; }
.about-wrap-three .each-item .item-inner > div, .about-wrap-five .each-item .item-inner a > div { float: left; }
.about-wrap-three .each-item .item-inner > div.image-wrap, .about-wrap-five .each-item .item-inner a > div.image-wrap { float: right; }
.about-wrap-three .each-item .item-inner > div { width: 50%; }
.about-wrap-three .each-item, .about-wrap-five .each-item { position: relative; background: #fff; }
.about-wrap-three .each-item .text-inner { padding: 9.25%; }
.about-wrap-three .each-item .inner-title { font-size: 36px; }
.about-wrap-three .each-item .inner-line { width: 40px; margin: 20px 0; }
.about-wrap-three .each-item .inner-descrition { width: 80%; }
.about-wrap-four .each-item { position: relative; }
.about-wrap-four .each-item .text-wrap { position: absolute; top: 0; width: 100%; height: 100%; text-align: center; }
.about-wrap-four .each-item .text-inner { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); }
.about-wrap-four .each-item .text-inner .title { margin-bottom: 50px; font-size: 36px; font-weight: bold; color: #fff; transform: translateY(20px); opacity: 0; transition: all .6s ease-in-out; }
.about-wrap-four .each-item .normal-more-wrap2 { transform: translateY(-20px); opacity: 0; transition: all .6s ease-in-out; }
.about-wrap-four .each-item .normal-more-wrap2:before { border-color: #fff; }
.about-wrap-four .each-item .normal-more-wrap2:after { background: #fff; }
.about-wrap-four .each-item:hover .text-inner .title, .about-wrap-four .each-item:hover .normal-more-wrap2 { opacity: 1; transform: none; }
.about-wrap-five .each-item .text-wrap { width: 42.5%; }
.about-wrap-five .each-item .text-inner { padding: 11.5%; }
.about-wrap-five .each-item .inner-title { margin-bottom: 23px; font-size: 36px; text-transform: uppercase; }
.about-wrap-five .each-item .image-wrap { width: 57.5%; }
.about-wrap-five .each-item .inner-descrition { width: 77.5%; font-size: 18px; }
.about-wrap-five .normal-more-wrap2 { position: absolute; bottom: 10%; border-color: #333; transition: all .4s; }
.about-wrap-five .normal-more-wrap2:hover { border-color: #fff; }
.about-wrap-five .normal-more-wrap2:before { background: url(../images/more-icon.png) no-repeat center center; }
.about-wrap-five .normal-more-wrap2:hover:before { background: url(../images/more-icon1.png) no-repeat center center; }
/*about*/
.fullwindow-banner-inner li .icon-wrap, .fullwindow-banner-inner li .text, .about-wrap-second .item-inner .title, .about-wrap-second .item-inner .line, .about-wrap-second .item-inner .descrition { opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); }
.fullwindow-banner-inner.active li .icon-wrap, .fullwindow-banner-inner.active li .text, .about-wrap-second .each-item:hover .item-inner .title, .about-wrap-second .each-item:hover .item-inner .line, .about-wrap-second .each-item:hover .item-inner .descrition { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); }
.fullwindow-banner-inner li:nth-of-type(1) .icon-wrap, .about-wrap-second .item-inner .title, .about-wrap-second .item-inner .line, .about-wrap-second .item-inner .descrition { transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; }
.fullwindow-banner-inner li:nth-of-type(1) .text { transition: all 0.5s ease-out .1s; -webkit-transition: all 0.5s ease-out .1s; -moz-transition: all 0.5s ease-out .1s; }
.fullwindow-banner-inner li:nth-of-type(2) .icon-wrap { transition: all 0.5s ease-out .2s; -webkit-transition: all 0.5s ease-out .2s; -moz-transition: all 0.5s ease-out .2s; }
.fullwindow-banner-inner li:nth-of-type(2) .text { transition: all 0.5s ease-out .3s; -webkit-transition: all 0.5s ease-out .3s; -moz-transition: all 0.5s ease-out .3s; }
.fullwindow-banner-inner li:nth-of-type(3) .icon-wrap { transition: all 0.5s ease-out .4s; -webkit-transition: all 0.5s ease-out .4s; -moz-transition: all 0.5s ease-out .4s; }
.fullwindow-banner-inner li:nth-of-type(3) .text { transition: all 0.5s ease-out .5s; -webkit-transition: all 0.5s ease-out .5s; -moz-transition: all 0.5s ease-out .5s; }
.fullwindow-banner-inner li:nth-of-type(4) .icon-wrap { transition: all 0.5s ease-out .6s; -webkit-transition: all 0.5s ease-out .6s; -moz-transition: all 0.5s ease-out .6s; }
.fullwindow-banner-inner li:nth-of-type(4) .text { transition: all 0.5s ease-out .7s; -webkit-transition: all 0.5s ease-out .7s; -moz-transition: all 0.5s ease-out .7s; }
.fullwindow-banner-inner li:nth-of-type(5) .icon-wrap { transition: all 0.5s ease-out .8s; -webkit-transition: all 0.5s ease-out .8s; -moz-transition: all 0.5s ease-out .8s; }
.fullwindow-banner-inner li:nth-of-type(5) .text { transition: all 0.5s ease-out .9s; -webkit-transition: all 0.5s ease-out .9s; -moz-transition: all 0.5s ease-out .9s; }
.fullwindow-banner-inner li:nth-of-type(6) .icon-wrap { transition: all 0.5s ease-out 1s; -webkit-transition: all 0.5s ease-out 1s; -moz-transition: all 0.5s ease-out 1s; }
.fullwindow-banner-inner li:nth-of-type(6) .text { transition: all 0.5s ease-out 1.1s; -webkit-transition: all 0.5s ease-out 1.1s; -moz-transition: all 0.5s ease-out 1.1s; }
/*index-advantage*/
.index-advantage { width: 100%; background: #fff; padding: 50px 0 30px 0; }
.index-box { max-width: 1600px; margin: auto; position: relative; }
.advantage-title { width: 100%; position: relative; padding-bottom: 54px; }
.advantage-title .bdl { font-size: 70px; line-height: 70px; font-family: Helvetica; color: #000; }
.advantage-title .tbox { }
.advantage-title .title { font-size: 36px; line-height: 1; font-weight: bold; color: #222; margin-bottom: 23px; }
.advantage-title .txt { width: 685px; font-size: 14px; line-height: 24px; color: #666; }
.advantage-title .bdr { font-size: 70px; line-height: 70px; font-family: Helvetica; color: #000; display: table; position: absolute; right: 0; top: 110px; }
.advantage-title .bdr span { width: 300px; height: 2px; background: #222; display: inline-block; position: absolute; top: 9px; right: 65px; }
.advantage-list { width: 100%; display: table; border-bottom: 2px solid #222; padding-bottom: 60px; overflow: hidden; }
.advantage-list li { width: 16.66667%; float: left; box-sizing: border-box; padding: 60px 20px 20px 40px; background: #fff; transition: all ease .3s; border-radius: 3px; margin: 0 0 0 0; }
.advantage-list li:nth-child(4n) { margin: 0 0 0 0; }
.advantage-list li:hover { background: #21abd7; }
.advantage-list li .icon { width: 100%; height: 100px; transition: all ease .3s; }
.advantage-list li .icon1 { background: url(../images/icon8_1.png) left top no-repeat; }
.advantage-list li .icon2 { background: url(../images/icon9_1.png) left top no-repeat; }
.advantage-list li .icon3 { background: url(../images/icon10_1.png) left top no-repeat; }
.advantage-list li .icon4 { background: url(../images/icon11_1.png) left top no-repeat; }
.advantage-list li .icon5 { background: url(../images/icon48_1.png) left top no-repeat; }
.advantage-list li .icon6 { background: url(../images/icon49_1.png) left top no-repeat; }
.advantage-list li:hover .icon1 { background: url(../images/icon12_1.png) left top no-repeat; }
.advantage-list li:hover .icon2 { background: url(../images/icon13_1.png) left top no-repeat; }
.advantage-list li:hover .icon3 { background: url(../images/icon14.png) left top no-repeat; }
.advantage-list li:hover .icon4 { background: url(../images/icon15_1.png) left top no-repeat; }
.advantage-list li:hover .icon5 { background: url(../images/icon50_1.png) left top no-repeat; }
.advantage-list li:hover .icon6 { background: url(../images/icon51.png) left top no-repeat; }
.advantage-list li .title { font-size: 24px; color: #222; line-height: 36px; font-weight: bold; margin-bottom: 28px; transition: all ease .3s; }
.advantage-list li:hover .title { color: #fff; }
.advantage-list li .txt { color: #666; font-size: 14px; line-height: 24px; transition: all ease .3s; }
.advantage-list li:hover .txt { color: #fff; }
.advantage-list li .link { width: 0; height: 10px; margin-top: 45px; background: url(../images/icon16_1.png) right center no-repeat; transition: all ease .3s; }
.advantage-list li:hover .link { width: 48px; }
.advantage-list li:hover a { color: #fff; }
/*index-case*/
.index-case { width: 100%; padding: 30px 0 80px; }
.index-case-title { font-size: 36px; line-height: 36px; color: #222; font-weight: bold; }
.index-case .mores { font-family: 'sheepsansbold'; font-size: 16px; line-height: 36px; color: #000; background: url(../images/icon21_1.png) right center no-repeat; padding-right: 35px; display: block; position: absolute; right: 0; top: 50px; }
.index-case-menu { width: 100%; display: table; margin-top: 30px; }
.index-case-menu li { height: 28px; line-height: 26px; float: left; border: 1px solid #666; border-radius: 14px; margin-right: 10px; }
.index-case-menu li:hover { border-radius: 14px; border-color: #222; }
.index-case-menu li a { padding: 0 20px; display: inline-block; font-size: 16px; border-radius: 14px; color: #666; transition: all ease .3s; }
.index-case-menu li:hover a { background: #222; color: #fff; }
.index-case-menu li.on a { background: #222; color: #fff; }
.index-case-list { width: 100%; display: table; margin-top: 40px; }
.index-case-list li { width: 32.5%; float: left; margin-right: 1.25%; margin-bottom: 20px; }
.index-case-list li:nth-child(3n) { margin-right: 0; }
.index-case-list li:hover { box-shadow: 0 0 15px 1px rgba(0,0,0,.1); }
.index-case-list li .img { width: 100%; overflow: hidden; }
.index-case-list li .img img { width: 100%; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
.index-case-list li:hover .img img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.index-case-list li .tbox { width: 100%; box-sizing: border-box; border: 1px solid #ebebeb; border-top: none; padding: 20px 20px 0; }
.index-case-list li .tbox .title { width: 100%; position: relative; line-height: 36px; }
.index-case-list li .tbox .title .t1 { font-size: 16px; font-weight: bold; color: #222; }
.index-case-list li .tbox .title .t2 { font-size: 14px; color: #666; }
.index-case-list li .tbox .title .icon { position: absolute; right: 0; top: 20px; }
.index-case-list li .tbox .title .icon span { display: inline-block; width: 18px; height: 16px; margin-left: 10px; }
.index-case-list li .tbox .title .icon a { display: inline-block; width: 18px; height: 16px; margin-left: 10px; }
.index-case-list li .tbox .title .icon .icon1 { background: url(../images/icon17_1.png) center center no-repeat; }
.index-case-list li .tbox .title .icon .icon2 { background: url(../images/icon18_1.png) center center no-repeat; }
.index-case-list li .tbox .title .icon .icon3 { background: url(../images/icon19_1.png) center center no-repeat; }
.index-case-list li .tbox .more { width: 100%; border-top: 1px solid #e3e3e3; margin-top: 7px; font-size: 14px; color: #666; line-height: 36px; padding: 7px; background: url(../images/icon20_1.png) right center no-repeat; transition: all ease .3s; }
.index-case-list li:hover .tbox .more { background: url(../images/icon21_1.png) right center no-repeat; }
.index-solution { width: 100%; padding: 80px 0; }
.index-solution-box { width: 100%; background: #373737; display: table; }
.index-solution-box .img { width: 60%; float: left; }
.index-solution-box .tbox { width: 40%; float: left; padding: 8.5% 0 0 80px; display: inline-block; }
.index-solution-box .tbox .title { font-size: 36px; font-weight: bold; color: #fff; line-height: 1; margin-bottom: 20px; }
.index-solution-box .tbox .txt { max-width: 475px; font-size: 14px; line-height: 28px; color: #fff; }
.index-solution-box .tbox .list { width: 100%; margin-top: 53px; }
.index-solution-box .tbox .list li { float: left; margin: 0 20px 20px 0; }
.index-solution-box .tbox .list li a { line-height: 36px; border: 1px solid #bbb; border-radius: 19px; display: block; padding: 0 21px; font-size: 14px; color: #bbb; transition: all ease .3s; }
.index-solution-box .tbox .list li:hover a { color: #222; background: #fff; border: 1px solid #fff; }
.index-news { width: 100%; background: #fff; overflow: hidden; }
.index-news-title { font-size: 36px; line-height: 1; color: #000; font-weight: bold; }
.index-news-more { font-family: 'sheepsansbold'; font-size: 16px; line-height: 36px; color: #000; background: url(../images/icon21_1.png) right center no-repeat; padding-right: 35px; display: block; position: absolute; right: 5px; top: 30px; }
.index-news-menu { width: 100%; margin-top: 30px; display: table; }
.index-news-menu li { float: left; margin-right: 10px; }
.index-news-menu li a { display: block; line-height: 26px; padding: 0 20px; border: 1px solid #666; font-size: 14px; color: #666; border-radius: 14px; transition: all ease .3s; }
.index-news-menu li:hover a { color: #fff; background: #222; border-color: #222; }
.index-news-menu li.on a { color: #fff; background: #222; border-color: #222; }
.index-news .index-box { max-width: 1610px; overflow: hidden; padding: 0 5px; }
.index-news-list { width: calc(700% + 70px); margin-top: 40px; display: inline-block; left: 0; position: relative; transition: all ease 1s; }
.index-news-list .lbox { width: calc(100% / 7); display: inline-block; float: left; padding-right: 10px; }
.index-news-list .lbox .box1 { width: 30%; margin-right: 0.625%; float: left; transition: all ease .3s; }
.index-news-list .lbox .box1 a { display: inline-block; width: 100%; }
.index-news-list .lbox .box1 .img { width: 100%; height: 280px; }
.index-news-list .lbox .box1 .tbox { width: 100%; height: 270px; box-sizing: border-box; background: #f7f7f7; padding: 0 30px; }
.index-news-list .lbox .box1:hover { box-shadow: 0 0 10px 0 rgba(0,0,0,.3); }
.index-news-list .lbox .box1 .tbox .time { color: #999; font-family: 'sheepsansbold'; font-weight: bold; font-size: 48px; line-height: 50px; border-bottom: 1px solid #dbdbdb; padding: 22px 0 16px; background: url(../images/icon20_1.png) right 54px no-repeat; transition: all ease .3s; }
.index-news-list .lbox .box1 .tbox:hover .time { color: #222; }
.index-news-list .lbox .box1 .tbox .time span { font-size: 16px; line-height: 20px; font-weight: initial; display: block; }
.index-news-list .lbox .box1 .tbox .titles { font-size: 16px; line-height: 36px; color: #000; margin-top: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index-news-list .lbox .box1 .tbox .txts { font-size: 14px; line-height: 24px; color: #666; margin-top: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.index-news-list .lbox .box2 { width: 30%; margin-right: 0.625%; float: left; }
.index-news-list .lbox .box2 .tbox { width: 100%; height: 270px; background: #f4f4f4; box-sizing: border-box; padding: 0 30px; margin-bottom: 10px; transition: all ease .3s; }
.index-news-list .lbox .box2 .tbox:hover { box-shadow: 0 0 10px 0 rgba(0,0,0,.3); }
.index-news-list .lbox .box2 .tbox a { display: inline-block; width: 100%; }
.index-news-list .lbox .box2 .tbox .time { font-size: 48px; font-weight: bold; line-height: 50px; font-family: 'sheepsansbold'; color: #999; padding: 22px 0 15px; background: url(../images/icon20_1.png) right 54px no-repeat; border-bottom: 1px solid #dbdbdb; transition: all ease .3s; }
.index-news-list .lbox .box2 .tbox .time span { font-size: 16px; line-height: 20px; display: block; }
.index-news-list .lbox .box2 .tbox:hover .time { color: #222; }
.index-news-list .lbox .box2 .tbox .titles { font-size: 16px; line-height: 36px; color: #000; margin-top: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index-news-list .lbox .box2 .tbox .txts { font-size: 14px; line-height: 24px; color: #666; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.index-news-list .lbox .box3 { width: 38.75%; float: left; }
.index-news-list .lbox .box3 .tbox { width: 100%; height: 130px; margin-bottom: 10px; box-sizing: border-box; padding: 30px; background: #f4f4f4 url(../images/icon20_1.png) 95% 60px no-repeat; transition: all ease .3s; }
.index-news-list .lbox .box3 .tbox:hover { box-shadow: 0 0 10px 0 rgba(0,0,0,.3); }
.index-news-list .lbox .box3 .tbox a { display: inline-block; }
.index-news-list .lbox .box3 .tbox .time { font-size: 48px; font-weight: bold; line-height: 50px; font-family: 'sheepsansbold'; color: #999; float: left; margin-right: 30px; transition: all ease .3s; }
.index-news-list .lbox .box3 .tbox:hover .time { color: #222; }
.index-news-list .lbox .box3 .tbox .time span { font-size: 16px; display: block; line-height: 20px; }
.index-news-list .lbox .box3 .tbox .titles { width: 410px; float: left; font-size: 16px; line-height: 26px; color: #000; padding-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.index-client { width: 100%; }
.index-client-box { width: 100%; display: table; }
.index-client-img { width: 65%; height: 635px; position: relative; float: left; }
.index-client-img .img { position: absolute; border-radius: 50%; overflow: hidden; box-shadow: 0 0 10px 0 rgba(0,0,0,.1); transition: all ease 1.5s; left: 459px; top: 328px; width: 1px; height: 1px; cursor: pointer; transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -moz-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear; align-items: center; justify-content: center; display: flex; }
.index-client-img .img img { max-width: 100%; align-items: center; }
.index-client-img .img10 { z-index: 2; }
.index-client-img .img:hover { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
.index-client-img .img6:hover, .index-client-img .img7:hover, .index-client-img .img9:hover, .index-client-img .img11:hover { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }
.index-client-img .img10:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.index-client.active .index-client-img .img1 { left: 17px; top: 87px; width: 58px; height: 58px; }
.index-client.active .index-client-img .img2 { left: 93px; top: 174px; width: 82px; height: 82px; }
.index-client.active .index-client-img .img3 { left: 46px; top: 317px; width: 71px; height: 71px; }
.index-client.active .index-client-img .img4 { left: 17px; top: 487px; width: 56px; height: 56px; }
.index-client.active .index-client-img .img5 { left: 210px; top: 75px; width: 82px; height: 82px; }
.index-client.active .index-client-img .img6 { left: 244px; top: 200px; width: 96px; height: 96px; }
.index-client.active .index-client-img .img7 { left: 177px; top: 337px; width: 91px; height: 91px; }
.index-client.active .index-client-img .img8 { left: 164px; top: 484px; width: 82px; height: 82px; }
.index-client.active .index-client-img .img9 { left: 412px; top: 112px; width: 105px; height: 105px; }
.index-client.active .index-client-img .img10 { left: 389px; top: 261px; width: 135px; height: 135px; }
.index-client.active .index-client-img .img11 { left: 325px; top: 418px; width: 100px; height: 100px; }
.index-client.active .index-client-img .img12 { left: 591px; top: 80px; width: 82px; height: 82px; }
.index-client.active .index-client-img .img13 { left: 583px; top: 255px; width: 96px; height: 96px; }
.index-client.active .index-client-img .img14 { left: 533px; top: 409px; width: 100px; height: 100px; }
.index-client.active .index-client-img .img15 { left: 782px; top: 100px; width: 65px; height: 65px; }
.index-client.active .index-client-img .img16 { left: 735px; top: 222px; width: 82px; height: 82px; }
.index-client.active .index-client-img .img17 { left: 714px; top: 374px; width: 82px; height: 82px; }
.index-client.active .index-client-img .img18 { left: 688px; top: 518px; width: 67px; height: 67px; }
.index-client.active .index-client-img .img19 { left: 867px; top: 333px; width: 65px; height: 65px; }
.index-client.active .index-client-img .img20 { left: 827px; top: 490px; width: 64px; height: 64px; }
.index-client-tbox { width: 35%; float: right; padding-top: 200px; }
.index-client-tbox .title { font-size: 36px; line-height: 36px; font-weight: bold; color: #000; margin-bottom: 24px; }
.index-client-tbox .txt { font-size: 14px; line-height: 24px; color: #666; margin-bottom: 50px; }
.index-client-tbox .more { font-size: 16px; line-height: 36px; padding-right: 35px; background: url(../images/icon21_1.png) right center no-repeat; display: inline-block; color: #000; font-family: 'sheepsansbold'; }

@media(max-width:1630px) {
.index-box { width: 100%; padding: 0 40px; }
.index-news { overflow: hidden; padding: 0 40px; }
.advantage-list li { width: 16.66667%; margin: 0 0; padding: 60px 20px 20px 20px }
.index-case .mores, .index-news-more { right: 40px; }
.index-solution-box .tbox { padding: 4.5% 20px 0 40px; }
.index-news-list .lbox .box3 .tbox .titles { width: calc(100% - 110px); }
.index-client-tbox { padding: 100px 20px 0; }
.top-foot { padding: 60px 40px 0; }
.friend-link { padding: 41px 40px 21px; }
.index-client.active .index-client-img .img1 { left: 1.6%; top: 13.7%; }
.index-client.active .index-client-img .img2 { left: 9%; top: 27.4%; }
.index-client.active .index-client-img .img3 { left: 4.4%; top: 50%; }
.index-client.active .index-client-img .img4 { left: 1.6%; top: 76.7%; }
.index-client.active .index-client-img .img5 { left: 20%; top: 11.8%; }
.index-client.active .index-client-img .img6 { left: 23.5%; top: 31.5%; }
.index-client.active .index-client-img .img7 { left: 17%; top: 53%; }
.index-client.active .index-client-img .img8 { left: 15.8%; top: 76%; }
.index-client.active .index-client-img .img9 { left: 39.6%; top: 17.6%; }
.index-client.active .index-client-img .img10 { left: 37.4%; top: 41.1%; }
.index-client.active .index-client-img .img11 { left: 31.25%; top: 65.8%; }
.index-client.active .index-client-img .img12 { left: 56.8%; top: 12.6%; }
.index-client.active .index-client-img .img13 { left: 56%; top: 40%; }
.index-client.active .index-client-img .img14 { left: 51.25%; top: 64.4%; }
.index-client.active .index-client-img .img15 { left: 75.2%; top: 15.7%; }
.index-client.active .index-client-img .img16 { left: 70.6%; top: 35%; }
.index-client.active .index-client-img .img17 { left: 68.7%; top: 59%; }
.index-client.active .index-client-img .img18 { left: 66%; top: 81.6%; }
.index-client.active .index-client-img .img19 { left: 83.4%; top: 52.4%; }
.index-client.active .index-client-img .img20 { left: 80%; top: 77%; }
}

@media(max-width:1330px) {
.data-background { height: 100%; }
header .right-side li { margin: 0 13px; display: inline-block; }
}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
 @-webkit-keyframes bounce {
 0%, 100%, 20%, 53%, 80% {
 -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 40%, 43% {
 -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
 transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
 70% {
 -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
 transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
 -webkit-transform: translate3d(0, -15px, 0);
 transform: translate3d(0, -15px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -4px, 0);
 transform: translate3d(0, -4px, 0);
}
}
 @keyframes bounce {
 0%, 100%, 20%, 53%, 80% {
 -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 40%, 43% {
 -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
 transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
 70% {
 -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
 transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
 -webkit-transform: translate3d(0, -15px, 0);
 transform: translate3d(0, -15px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -4px, 0);
 transform: translate3d(0, -4px, 0);
}
}
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }
 @-webkit-keyframes flash {
 0%, 100%, 50% {
 opacity: 1;
}
 25%, 75% {
 opacity: 0;
}
}
 @keyframes flash {
 0%, 100%, 50% {
 opacity: 1;
}
 25%, 75% {
 opacity: 0;
}
}
.flash { -webkit-animation-name: flash; animation-name: flash; }
 @-webkit-keyframes pulse {
 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
 @keyframes pulse {
 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }
 @-webkit-keyframes rubberBand {
 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.25, .75, 1);
 transform: scale3d(1.25, .75, 1);
}
 40% {
 -webkit-transform: scale3d(0.75, 1.25, 1);
 transform: scale3d(0.75, 1.25, 1);
}
 50% {
 -webkit-transform: scale3d(1.15, .85, 1);
 transform: scale3d(1.15, .85, 1);
}
 65% {
 -webkit-transform: scale3d(.95, 1.05, 1);
 transform: scale3d(.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, .95, 1);
 transform: scale3d(1.05, .95, 1);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
 @keyframes rubberBand {
 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.25, .75, 1);
 transform: scale3d(1.25, .75, 1);
}
 40% {
 -webkit-transform: scale3d(0.75, 1.25, 1);
 transform: scale3d(0.75, 1.25, 1);
}
 50% {
 -webkit-transform: scale3d(1.15, .85, 1);
 transform: scale3d(1.15, .85, 1);
}
 65% {
 -webkit-transform: scale3d(.95, 1.05, 1);
 transform: scale3d(.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, .95, 1);
 transform: scale3d(1.05, .95, 1);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }
 @-webkit-keyframes shake {
 0%, 100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
}
 @keyframes shake {
 0%, 100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
}
.shake { -webkit-animation-name: shake; animation-name: shake; }
 @-webkit-keyframes swing {
 20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg);
}
 100% {
 -webkit-transform: rotate3d(0, 0, 1, 0deg);
 transform: rotate3d(0, 0, 1, 0deg);
}
}
 @keyframes swing {
 20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg);
}
 100% {
 -webkit-transform: rotate3d(0, 0, 1, 0deg);
 transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }
 @-webkit-keyframes tada {
 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 10%, 20% {
 -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
 30%, 50%, 70%, 90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%, 60%, 80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
 @keyframes tada {
 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 10%, 20% {
 -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
 30%, 50%, 70%, 90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%, 60%, 80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.tada { -webkit-animation-name: tada; animation-name: tada; }
 @-webkit-keyframes wobble {
 0% {
 -webkit-transform: none;
 transform: none;
}
 15% {
 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
 30% {
 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
 45% {
 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
 60% {
 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
 75% {
 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes wobble {
 0% {
 -webkit-transform: none;
 transform: none;
}
 15% {
 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
 30% {
 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
 45% {
 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
 60% {
 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
 75% {
 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
.wobble { -webkit-animation-name: wobble; animation-name: wobble; }
 @-webkit-keyframes bounceIn {
 0%, 100%, 20%, 40%, 60%, 80% {
 -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -webkit-transform: scale3d(.9, .9, .9);
 transform: scale3d(.9, .9, .9);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -webkit-transform: scale3d(.97, .97, .97);
 transform: scale3d(.97, .97, .97);
}
 100% {
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
 @keyframes bounceIn {
 0%, 100%, 20%, 40%, 60%, 80% {
 -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -webkit-transform: scale3d(.9, .9, .9);
 transform: scale3d(.9, .9, .9);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -webkit-transform: scale3d(.97, .97, .97);
 transform: scale3d(.97, .97, .97);
}
 100% {
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; }
 @-webkit-keyframes bounceInDown {
 0%, 100%, 60%, 75%, 90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -3000px, 0);
 transform: translate3d(0, -3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, 25px, 0);
 transform: translate3d(0, 25px, 0);
}
 75% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes bounceInDown {
 0%, 100%, 60%, 75%, 90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -3000px, 0);
 transform: translate3d(0, -3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, 25px, 0);
 transform: translate3d(0, 25px, 0);
}
 75% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }
 @-webkit-keyframes bounceInLeft {
 0%, 100%, 60%, 75%, 90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes bounceInLeft {
 0%, 100%, 60%, 75%, 90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }
 @-webkit-keyframes bounceInRight {
 0%, 100%, 60%, 75%, 90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(3000px, 0, 0);
 transform: translate3d(3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(-25px, 0, 0);
 transform: translate3d(-25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(-5px, 0, 0);
 transform: translate3d(-5px, 0, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes bounceInRight {
 0%, 100%, 60%, 75%, 90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(3000px, 0, 0);
 transform: translate3d(3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(-25px, 0, 0);
 transform: translate3d(-25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(-5px, 0, 0);
 transform: translate3d(-5px, 0, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }
 @-webkit-keyframes bounceInUp {
 0%, 100%, 60%, 75%, 90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 3000px, 0);
 transform: translate3d(0, 3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 75% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -5px, 0);
 transform: translate3d(0, -5px, 0);
}
 100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @keyframes bounceInUp {
 0%, 100%, 60%, 75%, 90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 3000px, 0);
 transform: translate3d(0, 3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 75% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -5px, 0);
 transform: translate3d(0, -5px, 0);
}
 100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }
 @-webkit-keyframes bounceOut {
 20% {
 -webkit-transform: scale3d(.9, .9, .9);
 transform: scale3d(.9, .9, .9);
}
 50%, 55% {
 opacity: 1;
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
}
 @keyframes bounceOut {
 20% {
 -webkit-transform: scale3d(.9, .9, .9);
 transform: scale3d(.9, .9, .9);
}
 50%, 55% {
 opacity: 1;
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
}
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; }
 @-webkit-keyframes bounceOutDown {
 20% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
}
 @keyframes bounceOutDown {
 20% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }
 @-webkit-keyframes bounceOutLeft {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(20px, 0, 0);
 transform: translate3d(20px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
}
 @keyframes bounceOutLeft {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(20px, 0, 0);
 transform: translate3d(20px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }
 @-webkit-keyframes bounceOutRight {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(-20px, 0, 0);
 transform: translate3d(-20px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
}
 @keyframes bounceOutRight {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(-20px, 0, 0);
 transform: translate3d(-20px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }
 @-webkit-keyframes bounceOutUp {
 20% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, 20px, 0);
 transform: translate3d(0, 20px, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
}
 @keyframes bounceOutUp {
 20% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, 20px, 0);
 transform: translate3d(0, 20px, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }
 @-webkit-keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
 @-webkit-keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
 @-webkit-keyframes fadeInDownBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInDownBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }
 @-webkit-keyframes fadeInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
 @-webkit-keyframes fadeInLeftBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInLeftBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }
 @-webkit-keyframes fadeInRight {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInRight {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
 @-webkit-keyframes fadeInRightBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInRightBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }
 @-webkit-keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
 @-webkit-keyframes fadeInUpBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInUpBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }
 @-webkit-keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
 @-webkit-keyframes fadeOutDown {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
}
 @keyframes fadeOutDown {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }
 @-webkit-keyframes fadeOutDownBig {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
}
 @keyframes fadeOutDownBig {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }
 @-webkit-keyframes fadeOutLeft {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
}
 @keyframes fadeOutLeft {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }
 @-webkit-keyframes fadeOutLeftBig {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
}
 @keyframes fadeOutLeftBig {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }
 @-webkit-keyframes fadeOutRight {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
}
 @keyframes fadeOutRight {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }
 @-webkit-keyframes fadeOutRightBig {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
}
 @keyframes fadeOutRightBig {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }
 @-webkit-keyframes fadeOutUp {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
}
 @keyframes fadeOutUp {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }
 @-webkit-keyframes fadeOutUpBig {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
}
 @keyframes fadeOutUpBig {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }
 @-webkit-keyframes flip {
 0% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 40% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 50% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 80% {
 -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
 transform: perspective(400px) scale3d(.95, .95, .95);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
}
 @keyframes flip {
 0% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 40% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 50% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 80% {
 -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
 transform: perspective(400px) scale3d(.95, .95, .95);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
}
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }
 @-webkit-keyframes flipInX {
 0% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
 @keyframes flipInX {
 0% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }
 @-webkit-keyframes flipInY {
 0% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
 @keyframes flipInY {
 0% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }
 @-webkit-keyframes flipOutX {
 0% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 opacity: 1;
}
 100% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 opacity: 0;
}
}
 @keyframes flipOutX {
 0% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 opacity: 1;
}
 100% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 opacity: 0;
}
}
.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }
 @-webkit-keyframes flipOutY {
 0% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 opacity: 1;
}
 100% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 opacity: 0;
}
}
 @keyframes flipOutY {
 0% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 opacity: 1;
}
 100% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 opacity: 0;
}
}
.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; }
 @-webkit-keyframes lightSpeedIn {
 0% {
 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 transform: translate3d(100%, 0, 0) skewX(-30deg);
 opacity: 0;
}
 60% {
 -webkit-transform: skewX(20deg);
 transform: skewX(20deg);
 opacity: 1;
}
 80% {
 -webkit-transform: skewX(-5deg);
 transform: skewX(-5deg);
 opacity: 1;
}
 100% {
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @keyframes lightSpeedIn {
 0% {
 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 transform: translate3d(100%, 0, 0) skewX(-30deg);
 opacity: 0;
}
 60% {
 -webkit-transform: skewX(20deg);
 transform: skewX(20deg);
 opacity: 1;
}
 80% {
 -webkit-transform: skewX(-5deg);
 transform: skewX(-5deg);
 opacity: 1;
}
 100% {
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
 @-webkit-keyframes lightSpeedOut {
 0% {
 opacity: 1;
}
 100% {
 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
 transform: translate3d(100%, 0, 0) skewX(30deg);
 opacity: 0;
}
}
 @keyframes lightSpeedOut {
 0% {
 opacity: 1;
}
 100% {
 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
 transform: translate3d(100%, 0, 0) skewX(30deg);
 opacity: 0;
}
}
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
 @-webkit-keyframes rotateIn {
 0% {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, -200deg);
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @keyframes rotateIn {
 0% {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, -200deg);
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }
 @-webkit-keyframes rotateInDownLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @keyframes rotateInDownLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }
 @-webkit-keyframes rotateInDownRight {
 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @keyframes rotateInDownRight {
 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }
 @-webkit-keyframes rotateInUpLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @keyframes rotateInUpLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }
 @-webkit-keyframes rotateInUpRight {
 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -90deg);
 transform: rotate3d(0, 0, 1, -90deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @keyframes rotateInUpRight {
 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -90deg);
 transform: rotate3d(0, 0, 1, -90deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }
 @-webkit-keyframes rotateOut {
 0% {
 -webkit-transform-origin: center;
 transform-origin: center;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, 200deg);
 transform: rotate3d(0, 0, 1, 200deg);
 opacity: 0;
}
}
 @keyframes rotateOut {
 0% {
 -webkit-transform-origin: center;
 transform-origin: center;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, 200deg);
 transform: rotate3d(0, 0, 1, 200deg);
 opacity: 0;
}
}
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }
 @-webkit-keyframes rotateOutDownLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
}
 @keyframes rotateOutDownLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
}
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }
 @-webkit-keyframes rotateOutDownRight {
 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
 @keyframes rotateOutDownRight {
 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }
 @-webkit-keyframes rotateOutUpLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
 @keyframes rotateOutUpLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }
 @-webkit-keyframes rotateOutUpRight {
 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 90deg);
 transform: rotate3d(0, 0, 1, 90deg);
 opacity: 0;
}
}
 @keyframes rotateOutUpRight {
 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 90deg);
 transform: rotate3d(0, 0, 1, 90deg);
 opacity: 0;
}
}
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }
 @-webkit-keyframes hinge {
 0% {
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 20%, 60% {
 -webkit-transform: rotate3d(0, 0, 1, 80deg);
 transform: rotate3d(0, 0, 1, 80deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 40%, 80% {
 -webkit-transform: rotate3d(0, 0, 1, 60deg);
 transform: rotate3d(0, 0, 1, 60deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 opacity: 1;
}
 100% {
 -webkit-transform: translate3d(0, 700px, 0);
 transform: translate3d(0, 700px, 0);
 opacity: 0;
}
}
 @keyframes hinge {
 0% {
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 20%, 60% {
 -webkit-transform: rotate3d(0, 0, 1, 80deg);
 transform: rotate3d(0, 0, 1, 80deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 40%, 80% {
 -webkit-transform: rotate3d(0, 0, 1, 60deg);
 transform: rotate3d(0, 0, 1, 60deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 opacity: 1;
}
 100% {
 -webkit-transform: translate3d(0, 700px, 0);
 transform: translate3d(0, 700px, 0);
 opacity: 0;
}
}
.hinge { -webkit-animation-name: hinge; animation-name: hinge; }
 @-webkit-keyframes rollIn {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes rollIn {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }
 @-webkit-keyframes rollOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
 @keyframes rollOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }
 @-webkit-keyframes zoomIn {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 50% {
 opacity: 1;
}
}
 @keyframes zoomIn {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 50% {
 opacity: 1;
}
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
 @-webkit-keyframes zoomInDown {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
 animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
}
}
 @keyframes zoomInDown {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
 animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
}
}
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }
 @-webkit-keyframes zoomInLeft {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
 animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
}
}
 @keyframes zoomInLeft {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
 animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
}
}
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }
 @-webkit-keyframes zoomInRight {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
 animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
}
}
 @keyframes zoomInRight {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
 animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
}
}
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }
 @-webkit-keyframes zoomInUp {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
 animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
}
}
 @keyframes zoomInUp {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
 animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
}
}
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }
 @-webkit-keyframes zoomOut {
 0% {
 opacity: 1;
}
 50% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 100% {
 opacity: 0;
}
}
 @keyframes zoomOut {
 0% {
 opacity: 1;
}
 50% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 100% {
 opacity: 0;
}
}
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }
 @-webkit-keyframes zoomOutDown {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
}
 100% {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
 transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
 -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
 animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
}
}
 @keyframes zoomOutDown {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
}
 100% {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
 transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
 -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
 animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
}
}
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }
 @-webkit-keyframes zoomOutLeft {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
 transform: scale(.1) translate3d(-2000px, 0, 0);
 -webkit-transform-origin: left center;
 transform-origin: left center;
}
}
 @keyframes zoomOutLeft {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
 transform: scale(.1) translate3d(-2000px, 0, 0);
 -webkit-transform-origin: left center;
 transform-origin: left center;
}
}
.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }
 @-webkit-keyframes zoomOutRight {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
 transform: scale(.1) translate3d(2000px, 0, 0);
 -webkit-transform-origin: right center;
 transform-origin: right center;
}
}
 @keyframes zoomOutRight {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
 transform: scale(.1) translate3d(2000px, 0, 0);
 -webkit-transform-origin: right center;
 transform-origin: right center;
}
}
.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }
 @-webkit-keyframes zoomOutUp {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
}
 100% {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
 transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
 -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
 animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
}
}
 @keyframes zoomOutUp {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
}
 100% {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
 transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
 -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
 animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
}
}
.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }
 @-webkit-keyframes slideInDown {
 0% {
 -webkit-transform: translateY(-100%);
 transform: translateY(-100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes slideInDown {
 0% {
 -webkit-transform: translateY(-100%);
 transform: translateY(-100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }
 @-webkit-keyframes slideInLeft {
 0% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
 @keyframes slideInLeft {
 0% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }
 @-webkit-keyframes slideInRight {
 0% {
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
 @keyframes slideInRight {
 0% {
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }
 @-webkit-keyframes slideInUp {
 0% {
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes slideInUp {
 0% {
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }
 @-webkit-keyframes slideOutDown {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
}
}
 @keyframes slideOutDown {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
}
}
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }
 @-webkit-keyframes slideOutLeft {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
}
}
 @keyframes slideOutLeft {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
}
}
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }
 @-webkit-keyframes slideOutRight {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
}
}
 @keyframes slideOutRight {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
}
}
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }
 @-webkit-keyframes slideOutUp {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateY(-100%);
 transform: translateY(-100%);
}
}
 @keyframes slideOutUp {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateY(-100%);
 transform: translateY(-100%);
}
}
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }
footer { width: 100%; }
.foot-top { width: 100%; min-height: 365px; padding: 60px 7.8% 18px; display: table; background: url(../images/f-bg1_1.jpg) center center no-repeat; background-size: 100% 100%; }
.foot-top li { width: 22%; float: left; margin-right: 2.6%; }
.foot-top li:last-child { margin-right: 0; }
.foot-top li .title { font-size: 14px; line-height: 28px; color: #fff; font-weight: bold; border-bottom: 1px solid rgba(255,255,255,.08); padding-bottom: 12px; }
.foot-top li .tbox { font-size: 14px; line-height: 28px; padding-top: 22px; }
.foot-top li .tbox .txt { color: #999; }
.foot-top li .tbox .more { width: 96px; height: 32px; border: 1px solid #504f4f; border-radius: 16px; display: block; color: #666; font-size: 12px; margin-top: 32px; padding-left: 20px; background: url(../images/f-icon4_1.png) 62px center no-repeat; transition: all ease .5s; }
.foot-top li .tbox .more:hover { border: 1px solid #fff; color: #fff; background: url(../images/f-icon5_1.png) 62px center no-repeat; }
.foot-top li .tbox .link { width: 50%; display: block; color: #999; float: left; transition: all ease .5s; }
.foot-top li .tbox .link:hover { color: #fff; }
.foot-top li .tbox li { width: 100%; display: table; padding: 12px 0; border-bottom: 1px dashed #494848; }
.foot-top li .tbox li:last-child { border: none; }
.foot-top li .tbox li .img { width: 90px; float: left; }
.foot-top li .tbox li .tboxs { width: calc(100% - 110px); float: right; font-size: 14px; line-height: 28px; color: #999; }
.foot-top li .tbox li .tboxs .t1 { color: #fff; font-weight: bold; }
.foot-top li .tbox li .tboxs .t2 { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.foot-center { width: 100%; padding: 60px 7.8% 18px; display: table; min-height: 220px; background: #222; color: #999; }
.foot-center li { width: 30.3333%; float: left; margin: 0 1.5%; }
.foot-center li .f-ewm { width: 100px; margin-right: 10px; float: left; }
.foot-center li .tbox { display: inline-block; line-height: 28px; }
.foot-center li .tbox.ewm { padding-top: 22px; }
.foot-center li .tbox.tel { padding: 6px 0 0 45px; background: url(../images/f-icon1_1.png) left 8px no-repeat; }
.foot-center li .tbox.sz { padding: 8px 0 0 45px; background: url(../images/f-icon2.png) left 4px no-repeat; }
.foot-center li .tbox.gz { padding: 8px 0 0 45px; background: url(../images/f-icon3_1.png) left top no-repeat; }
.foot-center li .tbox .t1 { font-size: 14px; color: #fff; font-weight: bold; }
.foot-center li .tbox .t2 { }
.foot-button { width: 100%; padding: 30px 7.8% 18px; display: table; }
.foot-button .link-box { width: 88%; float: left; }
.foot-button .link-box .a-box { width: 100%; }
.foot-button .link-box .a-box a { font-size: 12px; line-height: 30px; color: #666; margin-right: 20px; transition: all ease .5s; }
.foot-button .link-box .a-box span { font-size: 12px; line-height: 30px; color: #666; margin-right: 20px; transition: all ease .5s; }
.foot-button .link-box .a-box a:hover { color: #222; }
.foot-button .link-box .copyright { line-height: 28px; color: #999; margin-top: 10px; }
.foot-button .link-box .copyright a { color: #999; }
.foot-button .makelink { width: 106px; height: 30px; border: 1px solid #e4e4e4; text-align: center; line-height: 28px; display: block; color: #999; float: right; transition: all ease .5s; }
.foot-button .makelink:hover { color: #222; }
.right-side .menu_ico { display: none }

@media(max-width:1370px) {
.foot-top li .tbox .txt, .foot-top li .tbox .link, .foot-top li .tbox li .tboxs .t2 { font-size: 12px; }
}

@media (max-width: 1280px) {
.index-case .mores, .index-news-more { top: 10px; }
.ny-banner .nb-menu ul li a { padding: 0 15px; }
}

@media (max-width: 1280px) {
.foot-top { padding: 60px 3.8% 18px; }
.foot-top li { margin-right: 2%; }
.foot-top li { width: 23%; }
}

@media (max-width: 1200px) {
header .logo { width: 100px; left: 20px; }
header .right-side li a { padding: 15px 0 6px; font-size: 14px; }
.header-phone-number { right: 20px; top: 16px; font-size: 16px; padding-left: 22px; }
.ny-banner .nb-menu ul { width: 100%; overflow-x: auto; display: flex; white-space: nowrap; }
 .ny-banner .nb-menu ul::-webkit-scrollbar {
 display: none;
}
.ny-banner .boxs.n2 .box { bottom: 20px; }
.index-banner .carousel-item2 .img-box .img1 { left: 735px; top: 370px; }
.index-banner .carousel-item2 .img-box .img2 { right: 295px; top: 355px; }
.index-case .mores, .index-news-more { top: 10px; }
.index-case-menu li:last-child { margin-right: 0; }
.index-case-menu li a, .index-news-menu li a { padding: 0 10px; font-size: 14px; }
.index-case-list li .tbox .title .icon { top: 5px; }
.index-data .index-data-list { width: 100%; padding: 110px 30px; }
.index-solution .index-box { padding: 0; }
.index-solution-box .tbox .title { font-size: 28px; }
.index-solution-box .tbox .list { margin-top: 35px; }
.index-solution-box .tbox .list li a { padding: 0px 10px; }
.index-solution-box .tbox .list li { margin: 0 20px 15px 0; }
.index-news-list .lbox .box1 .img { height: 270px; }
.index-news-list .lbox .box1 .tbox { height: 280px; }
.index-client.active .index-client-img .img10 { left: 39.4%; top: 41.1%; }
.index-client.active .index-client-img .img13 { left: 57%; top: 28%; }
.index-client.active .index-client-img .img16 { left: 68.6%; top: 43%; }
}

@media (max-width: 960px) {
header .logo { width: 120px; left: 20px; top: 10px; }
.header-phone-number { right: 20px; top: 14px; font-size: 16px; line-height: 36px; }
header .right-side li { margin: 0 5px; }
}

@media (max-width: 900px) {
.foot-top { display: none; }
.foot-center { padding: 20px 7.8% 18px; }
.foot-center li { width: 100%; margin-right: 0; }
.foot-center li:first-child { display: none; }
.foot-button { padding: 15px 3%; }
.foot-button .link-box .copyright { text-align: center; margin-top: 0; display: block; }
header .right-side { width: 100%; float: right; margin-top: 0; margin-right: 0; padding-right: 20px; padding-top: 15px; padding: 15px 20px 15px 0; }
header .right-side .menu_ico { float: right; }
header .right-side .menu_ico img { width: 34px; }
.right-side .menu_ico { display: block; }
header .right-side .nav{ display:none;}
header .right-side .menu-list { display: none; background-color: rgba(0,0,0,.9); width: 100%; height: 100vh; position: absolute; top: 0; z-index: -1; padding-top: 75px; }
header .right-side .menu-list li { display: block; }
header .right-side .menu-list li.on { display: block; }
header .right-side .menu-list li a { color: #fff; width: 100%; padding: 0; height: 50px; line-height: 50px; font-size: 16px; }
header .right-side .menu-list li.on a { color: #f00; }
header .right-side li a:after { display: none; }
.header-phone-number { display: none; }
.index-banner .carousel-item1 .swiper-inner-text .cansual-des { font-size: 18px; line-height: 24px; }
.index-banner .carousel-item1 .swiper-inner-text .cansual-des span { font-size: 26px; line-height: 30px; margin-bottom: 10px; }
.index-banner .carousel-item2 .cansual-des { font-size: 18px; line-height: 24px; }
.index-banner .carousel-item2 .cansual-des .s2 { font-size: 26px; line-height: 30px; }
.index-banner .carousel-item2 .img-box { width: 100%; }
.index-banner .carousel-item2 .img-box .img1 { left: 335px; top: 235px; height: 205px; }
.index-banner .carousel-item2 .img-box .img2 { height: 210px; right: 0; top: 218px; }
.index-banner .carousel-item2 .img-box .img3 { width: 50%; top: 15%; right: 6%; height: 330px; padding: 20px 1px; }
.index-banner .carousel-item3 .cansual-des { font-size: 18px; line-height: 24px; }
.index-banner .carousel-item3 .cansual-des .s2 { font-size: 26px; line-height: 30px; }
.index-banner .carousel-item .link { width: 135px; height: 40px; line-height: 40px; margin-top: 30px; }
.carousel-scroll-btn { left: 70px; }
.page-header-bar { height: 50px; line-height: 50px; }
.carousel-controls { width: 400px; height: 50px; }
.carousel-controls .count { width: 150px; padding-left: 40px; font: bold 18px/50px 'gotham-medium'; }
.carousel-controls .controls { left: 150px; }
.carousel-controls .carousel-control { height: 50px; }
.advantage-title { padding-bottom: 30px; }
.advantage-title .bdl { line-height: 20px; }
.advantage-title .title { font-size: 26px; margin-bottom: 10px; }
.advantage-title .bdr { line-height: 52px; }
.index-box { padding: 0 30px; }
.advantage-list { padding-bottom: 30px; }
.advantage-list li { padding: 30px 10px 30px 10px; }
.advantage-list li .icon { height: 60px; }
.advantage-list li .icon1 { background: url(../images/icon8_1.png) left top no-repeat; background-size: 40px; }
.advantage-list li .icon2 { background: url(../images/icon9_1.png) left top no-repeat; background-size: 40px; }
.advantage-list li .icon3 { background: url(../images/icon10_1.png) left top no-repeat; background-size: 40px; }
.advantage-list li .icon4 { background: url(../images/icon11_1.png) left top no-repeat; background-size: 40px; }
.advantage-list li:hover .icon1 { background: url(../images/icon12_1.png) left top no-repeat; background-size: 40px; }
.advantage-list li:hover .icon2 { background: url(../images/icon13_1.png) left top no-repeat; background-size: 40px; }
.advantage-list li:hover .icon3 { background: url(../images/icon14.png) left top no-repeat; background-size: 40px; }
.advantage-list li:hover .icon4 { background: url(../images/icon15_1.png) left top no-repeat; background-size: 40px; }
.advantage-list li .title { font-size: 16px; line-height: 30px; margin-bottom: 10px; }
.advantage-list li .link { margin-top: 25px; }
.index-case { padding: 30px 0; }
.index-case-title { font-size: 22px; }
.index-case-menu { margin-top: 20px; }
.index-case-menu li { margin-bottom: 10px; }
.index-case-list { margin-top: 20px; }
.index-case-list li .tbox .title .t2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index-case .mores, .index-news-more { top: 0; line-height: 26px; }
.index-data .text-wrap .number-wrap { font: normal 80px/1 'AkzidenzGrotesk-BoldCondAlt'; }
.index-data .text-wrap .number-wrap .icon { vertical-align: 4px; }
.index-solution { padding: 50px 3% 50px; }
.index-solution-box .img { width: 100%; }
.index-solution-box .tbox { width: 100%; padding: 4.5% 20px 20px 40px; }
.index-solution-box .tbox .title { font-size: 26px; }
.index-news { padding: 0 30px; }
.index-news-title { font-size: 26px; }
.index-news-menu { margin-top: 20px; }
.index-news-list { margin-top: 30px; }
.index-news-list .lbox .box3 .tbox .time { margin-right: 10px; }
.index-client-img { width: 100%; }
.index-client-tbox { width: 100%; padding: 0; }
.index-client-tbox .title { font-size: 26px; margin-bottom: 10px; }
.index-client-tbox .txt { margin-bottom: 0; }
.foot-button .link-box { width: 100%; }
.index-case-menu { display: flex; overflow-x: scroll; white-space: normal; }
.index-case-menu ul { display: flex; white-space: nowrap; }
.index-news-menu { display: flex; overflow-x: scroll; white-space: normal; }
.index-news-menu ul { display: flex; white-space: nowrap; }
.index-news-list .lbox .box1 .tbox { height: auto; }
}
.phonebanner { display: none; }
.phone-banner { display: none; }

@media (max-width: 767px) {
header .logo { width: 94px; }
header .right-side .menu_ico img { width: 25px; }
.ny-banner { height: 360px; }
.foot-button .makelink { display: none; }
.about-address { display: none; }
.index-banner { height: 500px; }
.index-banner .carousel-item1 img { width: 220%; left: -25%; max-width: initial; }
.index-banner .carousel-item1.active img { top: -140px; }
.page-header-bar { display: none; }
.phonebanner { display: block; position: absolute; left: 0; bottom: 16px; text-align: center; width: 100%; z-index: 9; }
.phonebanner span { width: 7px; height: 7px; background: #fff; border-radius: 50%; margin: 0 5px; display: inline-block; transition: all ease .5s; }
.phonebanner span.active { width: 15px; }
.index-banner { display: none; }
.phone-banner { width: 100%; position: relative; display: block; }
.pbanner-box { width: 100%; position: relative; }
.pbanner-box .img { width: 100%; }
.pbanner-box .img img { width: 100%; }
.pbanner-box .tbox { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); }
.pbanner-box .tbox .t1 { font-size: 26px; line-height: 30px; color: #fff; }
.pbanner-box .tbox .t2 { font-size: 18px; line-height: 24px; color: #fff; margin-top: 9px; }
.pbanner-box .tbox2 { width: 100%; position: absolute; left: 0; top: 110px; text-align: center; }
.pbanner-box .tbox2 .t1 { font-size: 26px; line-height: 1; color: #fff; }
.pbanner-box .tbox2 .t2 { font-size: 18px; line-height: 24px; color: #fff; margin-top: 11px; }
.pbanner-box .tbox3 { width: 100%; position: absolute; left: 0; top: 110px; text-align: center; }
.pbanner-box .tbox3 .t1 { font-size: 26px; line-height: 1; color: #fff; }
.pbanner-box .tbox3 .t2 { font-size: 18px; line-height: 24px; color: #fff; margin-top: 11px; }
.phone-banner .swiper-pagination { bottom: 16px; }
.phone-banner .swiper-pagination .swiper-pagination-bullet { width: 7px; height: 7px; border-radius: 3px; background: #fff; opacity: 1; }
.phone-banner .swiper-pagination .swiper-pagination-bullet-active { width: 15px; }
.index-case-menu li a { font-size: 14px; }
.index-solution { padding: 40px 3%; }
.index-solution-box { display: flex; flex-wrap: wrap; flex-direction: column-reverse; }
.index-solution-box .tbox { padding: 40px 25px 35px; }
.index-solution-box .tbox .list { width: 100%; }
.index-solution-box .tbox .list li { float: left; margin: 0 10px 10px 0; }
.index-solution-box .tbox .list li:nth-child(2n) { margin-right: 0; }
.index-solution-box .tbox .list li a { line-height: 30px; border-radius: 15px; padding: 0 10px; font-size: 14px; }
.index-solution-box .tbox .title { font-size: 18px; margin-bottom: 10px; }
.index-solution-box .tbox .txt { line-height: 20px; }
.index-client.active .index-client-img .img9 { left: 36.6%; top: 17.6%; }
.carousel-scroll-btn { display: none; }
.carousel-controls { width: 210px; }
.carousel-controls .count { width: 90px; padding-left: 15px; }
.carousel-controls .controls { left: 90px; }
.carousel-controls .carousel-control { width: 60px; height: 50px; }
.index-banner .carousel-item2 .bg-img { width: 200%; left: -50%; max-width: initial; height: 100%; }
.index-banner .carousel-item2 .img-box .img3 { width: 70%; top: 28%; right: 15%; height: 330px; padding: 10px 5px; }
.index-banner .carousel-item2 .img-box .img2 { right: 65px; top: 312px; width: 95px; height: 115px; padding: 8px 10px 0 10px; }
.index-banner .carousel-item2 .img-box .img1 { left: 115px; top: 335px; height: 82px; width: 40px; padding: 3px; }
.index-banner .carousel-item3 .bg-img { height: 100%; }
.index-banner .carousel-item3 .img-box .img2 { top: 20%; height: auto; }
.index-banner .carousel-item3 .img-box li.img2 img { height: auto; }
.index-banner .swiper-inner-text { left: 3%; }
.index-banner .carousel-item1 .swiper-inner-text .cansual-des, .index-banner .carousel-item2 .cansual-des, .index-banner .carousel-item3 .cansual-des { font-size: 18px; line-height: 24px; }
.index-banner .carousel-item1 .swiper-inner-text .cansual-des span, .index-banner .carousel-item2 .cansual-des .s2, .index-banner .carousel-item3 .cansual-des .s2 { font-size: 26px; line-height: 30px; margin-bottom: 10px; display: block; }
.index-banner .carousel-item .link { background: #222 url(../images/icon22_1.png) 68px center no-repeat; width: 100px; font-size: 12px; padding-left: 10px; margin-top: 10px; }
.index-box { padding: 0 20px; }
.advantage-title .bdl { font-size: 40px; }
.advantage-title .bdr { font-size: 40px; line-height: 70px; }
.advantage-title .title { font-size: 18px; }
.advantage-title .txt { width: 100%; }
.advantage-title .bdr span { width: 170px; top: 23px; right: 50px; }
.advantage-list li { width: 47%; margin: 0 1.5%; }
.advantage-list li .txt { min-height: 96px; }
.index-case-list li { width: 100%; margin-right: 0; }
.index-data .text-wrap .number-wrap { font: normal 30px/1 'AkzidenzGrotesk-BoldCondAlt'; }
.index-data .text-wrap .number-wrap .icon { font-size: 20px; }
.index-case .mores, .index-news-more { right: 20px; }
.index-news { padding: 0 10px; }
.index-news .index-box { padding: 0 10px; }
.index-news-title { font-size: 18px; }
.index-news-more { font-size: 14px; }
.index-news-list .lbox .box1 { margin-bottom: 10px; }
.index-news-list .lbox .box1, .index-news-list .lbox .box2, .index-news-list .lbox .box3 { width: 100%; margin-right: 0; }
.index-client-tbox .title { font-size: 18px; line-height: 24px; }
.index-client-tbox .txt { line-height: 20px; }
.foot-button .link-box .a-box a { line-height: 20px; }
.foot-button .makelink { margin-top: 10px; }
.index-data .index-data-list { padding: 30px 20px; }
.index-data .item { width: 50%; height: 175px; }
.index-data .item:nth-child(3n) .item-inner { border-right: 1px solid rgba(255,255,255,.2); }
.index-data .item:nth-child(2n) .item-inner { border-right: 0; }
.index-data .item:nth-child(4) .item-inner { border-bottom: 1px solid rgba(255,255,255,.2); }
.index-data .item-inner { height: 175px; }
.index-data .video { display: none; }
.index-client.active .index-client-img .img2, .index-client.active .index-client-img .img12, .index-client.active .index-client-img .img17, .index-client.active .index-client-img .img18, .index-client.active .index-client-img .img19 { display: none; }
.index-client.active .index-client-img .img5 { left: 0%; top: 1.8%; }
.index-client.active .index-client-img .img6 { left: 6.5%; top: 17.5%; }
.index-client.active .index-client-img .img9 { left: 26.6%; top: 2.6%; }
.index-client.active .index-client-img .img15 { left: 79.2%; top: 4.7%; }
.index-client.active .index-client-img .img13 { left: 56%; top: 14%; }
.index-client.active .index-client-img .img7 { left: 5%; top: 34%; }
.index-client.active .index-client-img .img16 { left: 77.6%; top: 28%; }
.index-client.active .index-client-img .img10 { left: 34.4%; top: 31.1%; }
.index-client.active .index-client-img .img14 { left: 68.25%; top: 51.4%; }
.index-client.active .index-client-img .img11 { left: 31.25%; top: 57.8%; }
.index-client.active .index-client-img .img4 { left: 1.6%; top: 66.7%; }
.index-client.active .index-client-img .img20 { left: 65%; top: 73%; }
.carousel-controls .carousel-line { top: 8px; }
.index-case-title { font-size: 18px; }
.index-case-list li .tbox { padding: 13px; }
.index-case-list li .tbox .title { line-height: 18px; }
.index-case-list li .tbox .title .t1 { font-size: 14px; }
.index-case-list li .tbox .title .t2 { font-size: 12px; margin-top: 6px; }
.index-case-list li .tbox .more { display: none; }
.index-data .wrap { background: url(../images/bimg1.jpg) center top no-repeat; background-size: 100% 100%; }
.relevant-case { padding: 40px 3%; }
.case-list { margin-top: 30px; }
.index-client-box { padding-top: 20px; display: flex; flex-direction: column-reverse; }
.foot-button { background: #fff; }
.foot-button .link-box .a-box { display: none; }
.index-news-list .lbox .box1 .tbox { display: flex; flex-wrap: wrap; padding: 17px 15px; }
.index-news-list .lbox .box1 .tbox .time { order: 2; font-size: 12px; font-weight: initial; font-family: Arial; display: flex; background: none; line-height: 25px; padding: 0; border-bottom: none; }
.index-news-list .lbox .box1 .tbox .time span { font-size: 12px; display: inline-block; order: -1; line-height: 25px; }
.index-news-list .lbox .box1 .tbox .titles { order: 1; margin-top: 0; line-height: 22px; }
.index-news-list .lbox .box1 .tbox .txts { order: 3; font-size: 12px; line-height: 18px; margin-top: 4px; }
.index-news-list .lbox .box2 .tbox { padding: 17px 15px; height: auto; }
.index-news-list .lbox .box2 .tbox a { width: 100%; display: flex; flex-wrap: wrap; }
.index-news-list .lbox .box2 .tbox .time { order: 2; font-size: 12px; font-weight: initial; font-family: Arial; display: flex; background: none; line-height: 25px; padding: 0; border-bottom: none; }
.index-news-list .lbox .box2 .tbox .time span { font-size: 12px; display: inline-block; order: -1; line-height: 25px; }
.index-news-list .lbox .box2 .tbox .titles { order: 1; margin-top: 0; line-height: 22px; }
.index-news-list .lbox .box2 .tbox .txts { order: 3; font-size: 12px; line-height: 18px; margin-top: 4px; }
.index-news-list .lbox .box3 { display: none; }
.index-data{ display:none;}
}

@media (max-width: 414px) {
.advantage-title .bdr { top: initial; bottom: -5px; }
.advantage-title .bdr span { width: 100px; }
.index-banner .swiper-inner-text { top: 60%; }
.advantage-list li { padding: 30px 5px; }
}
.notice{ word-break:break-all;}
.t2{ padding-left:0 !important;}
.page-list li{ margin-bottom:5px !important;}